{include file="header/index" /}
<script type="text/javascript" src="__JS__/layer/layer.js"></script>
<script type="text/javascript" src="__JS__/laypage/laypage.js"></script>
<script type="text/javascript" src="__JS__/laytpl/laytpl.js"></script>
<script type="text/javascript" src="__JS__/info.js"></script>
<link rel="stylesheet" href="__CSS__/laypage.css" />

<body>

	<!--导航end-->
	<div class="container bgwhite mt20">
		<div class="systemAnnCenter">
			<h2 class="container-title"><img class="fl mr10 mt2" src="__IMG__/icon-gg.png"> 系统公告</h2>
			<div class="clearfix">
				<script id="list-template" type="text/html">
					{{# for(var i=0;i
					<d.length;i++){ }} <div class="systemAnn-nr" onclick="systemShow({{d[i].announcement_id}})">
						<p class="clearfix mb10"><span class="fl ellipsis">{{d[i].title}}</span> {{# if(i==0){ }}
							<img src="__IMG__/new.png"> {{# } }}
						</p>
						<p>{{d[i].create_time}}</p>
			</div>
			{{# } }}
			</script>
			<div id="list-content"></div>
			<div class="clearfix" style="float:right;margin: 0 auto;">
				<span class="fl mt5" id="count">共{$count}条数据</span><span id="allpage" class="fl  mr20 mt5"></span><span class="fl" id="AjaxPage"></span>
			</div>
		</div>

	</div>
	</div>

	<!-- 加载动画 -->
	<div class="spiner-example">
		<div class="sk-spinner sk-spinner-three-bounce">
			<div class="sk-bounce1"></div>
			<div class="sk-bounce2"></div>
			<div class="sk-bounce3"></div>
		</div>
	</div>

	<div class="systemPupop hides">
		<div>
			<h2 class="container-title  col-127">公告详情
			<a class="fr container-title-return" onclick="systemHide()">返回</a>
		</h2>
			<h3 class="system-title art-title">本月江北区业绩排名第一，大家恭喜！</h3>
			<p class="system-time mt10 mb10">
				作者：<span class="art-author">admin</span>
				<span class="art-time">2017.06.07 10:10:03</span>
				<span class="col-127 ml10 art-status">已发布</span>
			</p>
			<p class="system-txt art-content">CRM即客户关系管理，是指企业用CRM技术来管理与客户之间的关系。在不同场合下，CRM可能是一个管理学术语，可能是一个软件系统。通常所指的M，指用计算机自动化分析销售、市场营销、客户服务以及应用等流程的软件系统。它的目标是通过提高客户的价值、满意度、赢利性和忠实度来缩减销售周期和销售成本、增加收入、寻找扩展业务所需的新的市场和渠道。CRM是选择和管理有价值客户及其关系的一种商业策略，CRM要求以客户为中心的企业化来支持有效的市场营销、销售与服务流程。</p>

		</div>
	</div>

	<script>
		$(function() {
			Ajaxpage();
		})

		function systemShow(id) {
			$(".spiner-example").css('display', 'black'); //数据加载完关闭动画
			$.getJSON("{:url('Announce/detail')}", {
				'id': id
			}, function(res) {
				$(".spiner-example").css('display', 'none'); //数据加载完关闭动画
				if(res.code == 1) {
					$(".art-title").html(res.data.title);
					$(".art-author").html(res.data.role_id);
					$(".art-time").html(res.data.create_time);
					/*$(".art-status").html(res.data.status);*/
					$(".art-content").html(res.data.content);
					$(".systemPupop").show();
				}

			});

		}

		function systemHide() {
			$(".systemPupop").hide();
		}

		//AJAX请求
		function Ajaxpage(curr) {
			$.getJSON('{:url("Announce/index")}', {
				page: curr || 1
			}, function(data) {
				$(".spiner-example").css('display', 'none'); //数据加载完关闭动画
				if(data == '') {
					$("#list-content-profile").html('<td colspan="20" style="padding-top:10px;padding-bottom:10px;font-size:16px;text-align:center">暂无数据</td>');
				} else {
					var tpl = document.getElementById('list-template').innerHTML;
					laytpl(tpl).render(data, function(html) {
						document.getElementById('list-content').innerHTML = html;

					});
					laypage({
						cont: $('#AjaxPage'), //容器。值支持id名、原生dom对象，jquery对象,
						pages: {
							$allpage
						}, //总页数
						skip: true, //是否开启跳页
						skin: '#337ab7', //分页组件颜色
						curr: curr || 1,
						first: '首页', //若不显示，设置false即可
						last: '尾页', //若不显示，设置false即可
						groups: 3, //连续显示分页数
						jump: function(obj, first) {
							if(!first) {
								Ajaxpage(obj.curr)
							}
							$('#allpage').html('，第' + obj.curr + '页，共' + '<i>' + obj.pages + '</i>' + '页');
							inputlength();
						}
					});
				}
			});
		}
	</script>
</body>

</html>